<!DOCTYPE html>

<script src="">
// 路由守卫
// 全局前置守卫
// 使用router.beforeEach( (to, from, next) => { // 页面跳转前的业务逻辑 } )
// 参数: to, from, next
// to和from是一个路由的实例, to表示要去到什么路由, from表示从什么路由来
// next是一个函数, 可以理解为push, 可以传入一个路由实例, 如next({ name: 'xxx', params: { xx: xx }, query: { xx: xx } })

// 作用: beforeEach前置守卫会在每次页面路由发生变化的时候触发回调函数, 我们可以在回调函数里面写需要的业务逻辑

// 常用场景: 在页面鉴权的时候使用前置守卫来实现

// 要注意的地方: 在路由守卫中需要添加一个路由跳转的函数, 否则页面将不会进行跳转
</script>